
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link href="https://sgg.pengtuzm.com/static/index/index/logo.png" rel="shortcut icon" type="image/x-icon"/>
    <title>猛禽数钢管</title>
    <link rel="stylesheet" href="https://sgg.pengtuzm.com/static/common/css/index/wap_base.css">
    <link rel="stylesheet" href="https://sgg.pengtuzm.com/static/common/css/index/m_index.css">
    <link rel="stylesheet" href="https://sgg.pengtuzm.com/static/common/css/index/swiper.min.css">
    <script src="https://sgg.pengtuzm.com/static/common/js/jquery.min.js"></script>
    <script src="https://sgg.pengtuzm.com/static/common/js/swiper.min.js"></script>
    <script src="https://sgg.pengtuzm.com/static/common/js/common.js"></script>
    <script src="https://sgg.pengtuzm.com/static/common/js/qrcode.min.js"></script>
    <script src="https://sgg.pengtuzm.com/static/common/js/vue.min.js"></script>
    <script src="https://sgg.pengtuzm.com/static/common/js/vue-axios.min.js"></script>
    <script src="https://sgg.pengtuzm.com/static/common/js/axios/axios.js"></script>
</head>
<body>
<div class="main-ctt">
    <section class="focus-line">
        <div class="focus-ctt clearBoth">
            <img class="logo" src="imgs/logo.png" alt="">
            <img class="app-desc" src="https://sgg.pengtuzm.com/static/index/index/icon/web_home_headline@2x.png" alt="">
        </div>
        <div class="btn-h">
            <button id="HomeButton01" class="dwon-btn js-logo-anzhuo"><span>免费获取</span></button>
        </div>
        <div class="Edition-h">
            <p class="js-logo-anzhuo  logo-swich">【V1.0.0 版本 · 软件大小 10.2MB】</p>
            <p class="js-logo-ios  logo-swich">【V1.0.0 版本 · 软件大小 10.2MB】</p>
        </div>

    </section>

    <section class="index-line bg-img1">
        <div class="index-line-ctt bg-phone">
            <div class="swiper-container Interface-box">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a class="hd_app_link" href="">
                            <img src="imgs/1.png"
                                 alt="">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a class="hd_app_link" href="">
                            <img src="imgs/2.png"
                                 alt="">
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a class="hd_app_link" href="">
                            <img src="imgs/3.png"
                                 alt="">
                        </a>
                    </div>
                </div>
            </div>

            <script language="javascript">
                var mySwiper = new Swiper('.Interface-box', {
                    loop: true,
                    loopAdditionalSlides: 1,
                    autoplay: {
                        delay: 2000
                    }
                })
            </script>
        </div>
    </section>
    <footer>
        <p><span id="company">鄂尔多斯数得准科技有限公司 版权所有</p>
    </footer>
    <div class="footer-btn-h">

    </div>
</div>
<div class="footer-btn">
    <button id="HomeButton01"><span class="icon-anzhuo">免费获取</span></button>
</div>
<div id="app"></div>
<style>
    #qrcode-box {
        width: 230px;
        background: #FFFFFF;
        position: fixed;
        right: 10px;
        top: 50%;
        margin-top: -133px;
        z-index: 10000;
        padding: 15px;
        display: none;
        border-radius: 10px;
    }

    #qrcode {
        width: 200px;
        height: 200px;
        /*margin-top: 10px;*/
    }

    #qrcode-desc {
        font-size: 20px;
        margin-top: 10px;
        text-align: center;
    }

    .animated {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .animated.bounceIn {
        -webkit-animation-duration: .75s;
        animation-duration: .75s
    }

    #HomeButton01 {
        border:1px solid #1e7db9;
        box-shadow: 0 1px 2px #8fcaee inset,0 -1px 0 #497897 inset,0 -2px 3px #8fcaee inset;
        background: -webkit-linear-gradient(top,#42a4e0,#2e88c0);
        background: -moz-linear-gradient(top,#42a4e0,#2e88c0);
        background: linear-gradient(top,#42a4e0,#2e88c0);
    }

    @-webkit-keyframes bounceIn {
        0%, 20%, 40%, 60%, 80%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }
        40% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03)
        }
        80% {
            -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97)
        }
        100% {
            opacity: 1;
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }
    }

    @keyframes bounceIn {
        0%, 20%, 40%, 60%, 80%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }
        40% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03)
        }
        80% {
            -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97)
        }
        100% {
            opacity: 1;
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }
    }

    .bounceIn {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn
    }
</style>
<!-- <div id="qrcode-box" class="animated bounceIn infinite">
    <div id="qrcode"></div>
    <div id="qrcode-desc">微信扫码，手机打开</div>
</div> -->

<script type="text/javascript">

    var vue = new Vue({
        el: '#app',
        data: function () {
            return {}
        },
        created() {
            let urlStr = window.parent.location.href;
            let visitChannel = this.getUrlParams("v_channel");
            if (typeof visitChannel == "undefined") {
                return;
            }
            this.createVisit(visitChannel, urlStr)
        },
        methods: {
            createVisit: function (visitChannel, urlStr) {
                axios.post("/create_visit", {
                    "v_channel": visitChannel,
                    "url": urlStr
                })
            },
            getUrlParams: function (name) {
                let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
                let r = window.location.search.substr(1).match(reg);  //匹配目标参数
                if (r != null) {
                    return decodeURI(r[2]);
                }
                return null; //返回参数值
            }
        }
    });

</script>

<script>
  

    $(function () {
        var u = navigator.userAgent,
            app = navigator.appVersion,
            isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
            isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);

        if (isiOS) {
            $('.hd_app_link').attr('href', '/down/ios');
            $(".js-logo-ios").removeClass("logo-swich");
        } else {
            $('.hd_app_link').attr('href', '/down/android');
            $(".js-logo-anzhuo").removeClass("logo-swich");
        }
    });

    $(".index-text>img").css({"maxHeight": $(window).height() * .3});
    let t1 = 0;
    let t2 = 0;
    let timer = null; // 定时器
    var qrcodeBox = document.getElementById("qrcode-box");

    function getScrollTop() {
        var scrollTop = 0;
        if (document.documentElement && document.documentElement.scrollTop) {
            scrollTop = document.documentElement.scrollTop;
        } else if (document.body) {
            scrollTop = document.body.scrollTop;
        }
        return scrollTop;
    }

    function IsPC() {
        return navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) == null;
    }

    if (IsPC()) {
        setTimeout(function () {
            qrcodeBox.style.display = "block";
        }, 3000)
    }

    // var qrcode = new QRCode("qrcode", {
    //     width: 200,
    //     height: 200,
    // });
    // qrcode.makeCode(window.parent.location.href);

    $(".main-ctt").scroll(function () {
        var scr = $(".main-ctt").scrollTop();
        if (scr >= $(window).height()) {
            $(".footer-btn-h").addClass("active");
            $(".footer-btn").addClass("active");
        } else {
            $(".footer-btn-h").removeClass("active");
            $(".footer-btn").removeClass("active");
        }

        if (IsPC()) {
            clearTimeout(timer);
            qrcodeBox.style.display = "none";
            timer = setTimeout(isScrollEnd, 500);
            t1 = document.documentElement.scrollTop || document.body.scrollTop;
        }
    });

    function isScrollEnd() {
        t2 = document.documentElement.scrollTop || document.body.scrollTop;
        if (t2 == t1) {
            // qrcodeBox.style.display = "block";
        }
    }
</script>


<script>

    window.onscroll = function () {
        if (!IsPC()) {
            return
        }

    };


</script>

<script type="text/javascript" charset="UTF-8" src="https://web.cdn.openinstall.io/openinstall.js"></script>
<script type="text/javascript">
    //OpenInstall初始化时将与openinstall服务器交互，应尽可能早的调用
    /*web页面向app传递的json数据(json string/js Object)，应用被拉起或是首次安装时，通过相应的android/ios api可以获取此数据*/
    var data = OpenInstall.parseUrlParams();///openinstall.js中提供的工具函数，解析url中的所有查询参数
    new OpenInstall({
        /*appKey必选参数，openinstall平台为每个应用分配的ID*/
        appKey : "eyre1q",
        /*自定义遮罩的html*/
        //mask:function(){
        //  return "<div id='_shadow' style='position:fixed;left:0;top:0;background:rgba(0,255,0,0.5);filter:alpha(opacity=50);width:100%;height:100%;z-index:10000;'></div>"
        //},
        /*OpenInstall初始化完成的回调函数，可选*/
        onready : function() {
            /*在app已安装的情况尝试拉起app*/
            this.schemeWakeup();
            
            /*用户点击某个按钮时(假定按钮id为downloadButton)，安装app*/
            var m = this, button = document.getElementById("HomeButton01");
            button.style.visibility = "visible";
            button.onclick = function() {
                m.wakeupOrInstall();
                return false;
            }
        }
    }, data);

</script>


<div style="display: none;">
    <script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1278593883&web_id=1278593883"></script>
</div>
</body>
</html>